@mixin Mid {
    width : 900px;
    margin: 0px auto;
}

.blc {
    display: block;
}

.head {
    width        : 100%;
    margin-bottom: 1px;
    height       : 102px;

    .bgColor {
        background   : #eee;
        border-bottom: 1px solid #e5e5e5;

    }

    .logo {
        position   : relative;
        float      : left;
        height     : 63px;
        padding-top: 10px;
        background : url("../images/主页效果/newlogo.png") no-repeat 0 10px;
        width      : 427px;
    }

    .serchBox {
        float      : right;
        padding-top: 8px;
        width      : 535px;
        height     : 68px;

        .cart {
            width      : 126px;
            height     : 34px;
            float      : right;
            padding-top: 12px;
            position   : relative;
            z-index    : 11;

            .cur {

                .nums {
                    background-position: 0 -34px;
                    color              : #fff;
                }
            }

            .nums {
                width       : 80px;
                height      : 34px;
                line-height : 34px;
                padding-left: 46px;
                background  : url(../images/主页效果/head_cart_bg.gif) no-repeat;
                display     : block;
                color       : #666;
            }
        }

        .search {
            width   : 345px;
            float   : left;
            height  : 55px;
            padding : 8px 0 4px;
            position: relative;
            z-index : 10;

            .sbox {
                width   : 100%;
                float   : left;
                height  : 30px;
                overflow: hidden;
            }

            .skeyword {
                height     : 28px;
                line-height: 28px;
                color      : #ccc;
                width      : 100%;
                float      : left;
                overflow   : hidden;

                a {
                    color        : #888;
                    padding-right: 4px;
                }
            }

            .sput {
                width       : 272px;
                height      : 26px;
                overflow    : hidden;
                float       : left;
                border      : 2px solid #d5d5d5;
                border-right: 0;

                input {
                    width      : 260px;
                    height     : 26px;
                    float      : left;
                    line-height: 26px;
                    color      : #666;
                    padding    : 0 5px;
                    border     : 0;
                }
            }

            .sbtn {
                width      : 65px;
                height     : 30px;
                background : #444;
                float      : left;
                cursor     : pointer;
                border     : 0;
                font-family: microsoft yahei;
                font-size  : 16px;
                color      : #fff;
            }
        }
    }

    .topnav {
        position   : relative;
        padding-top: 4px;
        height     : 21px;
        z-index    : 10000;
    }

    .hedul {
        position: absolute;
        height  : 16px;
        right   : 0;
        top     : 4px;

        a {
            color: #666;
        }

        li {
            float       : left;
            padding     : 0 15px;
            border-right: 1px solid #d5d5d5;
            height      : 16px;
            line-height : 16px;
            font-family : '宋体';
        }

        .my {
            .drap {
                .panel {
                    width        : 165px;
                    padding-right: 0;
                    overflow     : hidden;

                    li {
                        border      : 0;
                        float       : left;
                        height      : 27px;
                        width       : 50px;
                        padding-left: 2px;
                        line-height : 26px;
                        background  : url("../images/主页效果/head_2013_v2.png") no-repeat 0 26px;
                        margin-right: 15px;
                    }
                }
            }
        }

        .menu {
            position     : relative;
            padding-right: 25px;
            z-index      : 9;

            li {
                padding    : 0 15px;
                font-family: '宋体';
            }

            p {
                position: relative;
                z-index : 8;
            }

            a {
                position: relative;
                z-index : 8;
            }

            i {
                position    : absolute;
                top         : 6px;
                right       : 10px;
                height      : 0;
                width       : 0;
                overflow    : hidden;
                border-width: 4px 4px 0;
                border-style: solid;
                border-color: #666 #eee #eee;
                z-index     : 7;
            }

            .hd {
                position     : absolute;
                height       : 20px;
                width        : 100px;
                left         : -1px;
                top          : -4px;
                border       : 1px solid #ccc;
                box-shadow   : 0 -3px 3px #ccc;
                border-bottom: 0;
                background   : #fff;
                display      : none;
                z-index      : 6;
            }

            .drap {
                position  : absolute;
                background: #fff;
                top       : 16px;
                right     : -3px;
                border    : 1px solid #ccc;
                box-shadow: 0 0 3px #ccc;
                display   : none;
                z-index   : 5;

                .panel {
                    padding  : 10px 10px 10px 15px;
                    min-width: 65px;
                }
            }

        }

        .phone {
            background: url(../images/s.cn.png) no-repeat -366px 1px;
        }

    }



}

.nav-hed {
    height        : 34px;
    width         : 100%;
    margin        : 0 auto;
    padding-bottom: 5px;
    background    : url(../images/主页效果/shuline.gif) repeat-x bottom;

    .navBox {
        width     : 1050px;
        margin    : 0 auto;
        height    : 34px;
        background: #a21f25;
        position  : relative;
        z-index   : 8;

        li {
            display: block;
            float  : left;
        }

        .navR {
            float       : right;
            height      : 34px;
            position    : relative;
            margin-right: -60px;

            a {
                font-size   : 12px;
                padding     : 0 10px;
                color       : #f6e9ea;
                border-right: 1px solid #d18f92;
                height      : 14px;
                line-height : 14px;
                margin-top  : 11px;
                float       : left;
            }
        }

        .navL1 {
            width           : 190px;
            height          : 34px;
            line-height     : 34px;
            text-align      : center;
            font-size       : 14px;
            color           : #FFF;
            font-weight     : 700;
            background-color: #B9363D;
        }

        .navL2 {
            #navL2-1 {
                padding-left: 21px;
                margin-left : -3px;
            }

            .on {
                background : #444;
                color      : #FFF;
                position   : relative;
                border-left: 1px solid #a21f25;
                margin-left: -1px;
            }

            a {
                display        : block;
                float          : left;
                font-size      : 14px;
                padding        : 0 18px;
                padding-left   : 18px;
                line-height    : 34px;
                height         : 34px;
                text-decoration: none;
                color          : #FFF;
                background     : url(../images/主页效果/shuline.gif) no-repeat 0 center;
            }
        }
    }
}

.leftNav {
    position  : absolute;
    visibility: hidden;
    z-index   : -9;
    width     : 190px;

    .leftone {
        width           : 190px;
        background-color: #1e1908;

        li {
            position   : relative;
            height     : 43px;
            line-height: 43px;
            color      : #fff;
        }

        li:hover {
            background-color: red;
            opacity         : 0.8;
        }

        .icon {
            display        : inline-block;
            width          : 33px;
            margin-right   : 5px;
            text-align     : right;
            text-decoration: none;
            font-size      : 16px;
            transition     : width .2s linear, background .2s linear;
            background     : url(../images/主页效果/navcats_icon.png) no-repeat 12px -422px;
        }

        .menu-icon2 {
            background-position: 10px -48px;
        }

        .menu-icon3 {
            background-position: 10px -92px;
        }

        .menu-icon4 {
            background-position: 10px -136px;
        }

        .menu-icon5 {
            background-position: 10px -187px;
        }

        .menu-icon6 {
            background-position: 10px -233px;
        }

        .menu-icon7 {
            background-position: 10px -280px;
        }

        .menu-icon8 {
            background-position: 10px -330px;
        }

        .menu-icon9 {
            background-position: 10px -462px;
        }

        a {
            color: #fff;
        }

        .menu-nav-arrow {
            position       : absolute;
            top            : 20px;
            right          : 10px;
            // display     : none;
            height         : 0;
            font-size      : 0;
            line-height    : 0;
            border-style   : solid;
            border-width   : 4px 4px 0;
            border-color   : #fff transparent;
        }
    }
}

.mannav {
    width      : 668px;
    text-align : left;
    font-family: Microsoft Yahei;
    background : #fff;
    box-shadow : 0 0 3px #CCCCCC;
    padding    : 5px 0;
    position   : absolute;
    visibility : hidden;
    z-index    : -9;

    .manul {
        padding: 8px 0 13px;
    }

    li {
        display     : block;
        float       : left;
        width       : 140px;
        padding-left: 22px;

        h4 {
            font-size     : 18px;
            display       : block;
            padding-bottom: 7px;
            height        : 24px;
            line-height   : 24px;
            color         : #2a2a2a;
            margin        : 0;
        }

        a:hover {
            color: red;
        }

        a {
            display        : inline-block;
            position       : relative;
            font-size      : 12px;
            line-height    : 24px;
            outline        : none;
            color          : #555555;
            vertical-align : bottom;
            text-decoration: none;
            white-space    : nowrap;
        }
    }

    .brands {
        width           : 255px;
        background-color: #fff;

        a {
            float : left;
            height: 35px;
            margin: 0 3px 3px 0;
            width : 69px;
        }

        a:hover img {
            border: 1px solid #ccc;
        }
    }
}

.womennav {
    width      : 668px;
    text-align : left;
    font-family: Microsoft Yahei;
    background : #fff;
    box-shadow : 0 0 3px #CCCCCC;
    padding    : 5px 0;
    position   : absolute;
    visibility : hidden;
    z-index    : -9;

    .nvul {
        padding: 8px 0 13px;
    }

    li {
        display     : block;
        float       : left;
        width       : 140px;
        padding-left: 22px;

        a {
            display        : inline-block;
            position       : relative;
            font-size      : 12px;
            line-height    : 24px;
            outline        : none;
            color          : #555555;
            vertical-align : bottom;
            text-decoration: none;
            white-space    : nowrap;
        }
    }

    h4 {
        font-size     : 18px;
        display       : block;
        padding-bottom: 7px;
        height        : 24px;
        line-height   : 24px;
        color         : #2a2a2a;
        margin        : 0;
    }

    a:hover {
        color: red;
    }

    .brands {
        width           : 255px;
        background-color: #fff;

        a {
            float : left;
            height: 35px;
            margin: 0 3px 3px 0;
            width : 69px;
        }

        a:hover img {
            border: 1px solid #ccc;
        }
    }
}

.louceng {
    position        : fixed;
    right            : 50px;
    top             : 150px;
    background-color: white;
    z-index: 10000;
    color           : black;
    opacity: 0.6;
}
.louceng li {
    height: 30px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    border: 1px solid #000;
}
.louceng li.active {
    background-color: skyblue;
    color: #fff;
}



.content {

    .banner {
        position      : relative;
        width         : 100%;
        height        : 600px;
        // margin-top : 34px;
        overflow      : hidden;

        ul {
            position: absolute;
            width   : 700%;
            overflow: hidden;

            li {
                height     : 600px;
                // width   : 100%;
                float      : left;
                overflow   : hidden;
            }
        }

    }

    .all {
        position: relative;

        ol {
            position   : absolute;
            right      : 45%;
            bottom     : 10px;
            line-height: 20px;
            text-align : center;
        }

        ol li {
            float        : left;
            width        : 10px;
            height       : 10px;
            background   : #fff;
            border       : 1px solid #ccc;
            margin-left  : 10px;
            cursor       : pointer;
            border-radius: 50%;
        }

        ol li.current {
            background: red;
        }
    }

    .shop1 {
        width            : 100%;
        height           : 655px;
        background       : url(../images/品牌.jpg);
        background-repeat: no-repeat;
        position         : relative;

        a {
            border-radius      : 10%;
            display            : block;
            width              : 168px;
            height             : 167px;
            // background-color: skyblue;
            position           : absolute;
        }

        .shapA1 {
            left: 511px;
            top : 41%;
        }

        .shapA2 {
            left: 691px;
            top : 41%;
        }

        .shapA3 {
            left: 871px;
            top : 41%;
        }

        .shapA4 {
            left: 1051px;
            top : 41%;
        }

        .shapA5 {
            left: 1051+180px;
            top : 41%;
        }

        .shapA6 {
            left: 511px;
            top : 69%;
        }

        .shapA7 {
            left: 511+180px;
            top : 69%;
        }

        .shapA8 {
            left: 511+180*2px;
            top : 69%;
        }

        .shapA9 {
            left: 511+180*3px;
            top : 69%;
        }

        .shapA10 {
            left: 511+180*4px;
            top : 69%;
        }
    }

    .shop2 {
        // height: 2790px;
        width: 100%;

        .shop2-1 {
            background       : url(../images/鞋类榜单.jpg);
            background-repeat: no-repeat;
            height           : 1320px;

            // padding-top: 242px;
            position: relative;

            a {
                border-radius         : 4%;
                display               : block;
                width                 : 858px;
                height                : 331px;
                transform             : translateX(-49%);
                left                  : 50%;
                // margin             : 0 auto;

                // background-color: skyblue;
                position: absolute;
            }

            .shopB1 {
                top: 243px;
            }

            .shopB2 {
                top          : 601px;
                // margin-top: 30px;
            }

            .shopB3 {
                top: 601+601-243px;
            }
        }

        .shop2-2 {
            background       : url(../images/鞋类榜单2.jpg);
            background-repeat: no-repeat;
            height           : 1417px;
            position         : relative;

            a {
                border-radius: 4%;
                display      : block;
                width        : 858px;
                height       : 331px;
                transform    : translateX(-49%);
                left         : 50%;
                position     : absolute;

            }

            .shopC2 {
                top: 360px;
            }

            .D-a {
                border-radius: 26px;
                width        : 270px;
                height       : 348px;
                position     : absolute;
                left         : 663px;
                top          : 720px;
            }

            .shopD2 {
                left: 663px+291;
            }

            .shopD3 {
                left: 663px+291+293;
            }

            .shopD4 {
                top: 720px+370;
            }

            .shopD5 {
                left: 663px+291;
                top : 720px+370;
            }

            .shopD6 {
                left: 663px+291+293;
                top : 720px+370;
            }
        }
    }

    .shop3 {
        height: 2760px;
        width : 100%;

        .shop3-1 {
            background: url(../images/服饰榜单.jpg) no-repeat;
            height    : 1292px;
            position  : relative;

            a {
                border-radius      : 4%;
                display            : block;
                width              : 858px;
                height             : 331px;
                transform          : translateX(-49%);
                left               : 50%;
                // background-color: skyblue;
                position           : absolute;
            }

            .shopB4 {
                top: 243px-29;
            }

            .shopB5 {
                top          : 601px-29;
                // margin-top: 30px;
            }

            .shopB6 {
                top: 601+601-243px-29;
            }
        }

        .shop3-2 {
            background: url(../images/服饰榜单2.jpg) no-repeat;
            height    : 1468px;
            position  : relative;

            a {
                border-radius: 4%;
                display      : block;
                width        : 858px;
                height       : 331px;
                transform    : translateX(-49%);
                left         : 50%;
                position     : absolute;
            }

            .shopC2 {
                top: 360px;
            }

            .D-a {
                border-radius: 26px;
                width        : 270px;
                height       : 348px;
                position     : absolute;
                left         : 663px;
                top          : 720px;
            }

            .shopD2 {
                left: 663px+291;
            }

            .shopD3 {
                left: 663px+291+293;
            }

            .shopD4 {
                top: 720px+370;
            }

            .shopD5 {
                left: 663px+291;
                top : 720px+370;
            }

            .shopD6 {
                left: 663px+291+293;
                top : 720px+370;
            }
        }
    }

    .shop4 {
        background: url(../images/选购男子.jpg) no-repeat;
        height    : 642px;
        width     : 100%;
        position  : relative;

        a {
            border-radius: 20px;
            width        : 300px;
            height       : 115px;
            position     : absolute;
            left         : 508px;
            top          : 238px;
        }

        .s4-a2 {
            left: 500px+317;
        }

        .s4-a3 {
            left: 500px+312+310;
        }

        .s4-a4 {
            height: 130px;
            left  : 508px;
            top   : 357px;
        }

        .s4-a5 {
            height: 130px;
            left  : 508+310px;
            top   : 357px;
        }

        .s4-a6 {
            height: 130px;
            left  : 508+310px+305;
            top   : 357px;
        }

        .s4-a7 {
            height: 130px;
            left  : 508px;
            top   : 357+140px;
        }

        .s4-a8 {
            height: 130px;
            left  : 508+310px;
            top   : 357px+140;
        }

        .s4-a9 {
            height: 130px;
            left  : 508+310px+305;
            top   : 357px+140;
        }
    }

    .shop5 {
        background: url(../images/选购女子.jpg) no-repeat;
        height    : 539px;
        width     : 100%;
        position  : relative;

        a {
            border-radius: 20px;
            width        : 300px;
            height       : 115px;
            position     : absolute;
            left         : 508px;
            top          : 135px;
        }

        .s4-a2 {
            left: 500px+317;
        }

        .s4-a3 {
            left: 500px+312+310;
        }

        .s4-a4 {
            height: 130px;
            left  : 508px;
            top   : 357px-101;
        }

        .s4-a5 {
            height: 130px;
            left  : 508+310px;
            top   : 357px-101;
        }

        .s4-a6 {
            height: 130px;
            left  : 508+310px+305;
            top   : 357px-101;
        }

        .s4-a7 {
            height: 130px;
            left  : 508px;
            top   : 357+140px-101;
        }

        .s4-a8 {
            height: 130px;
            left  : 508+310px;
            top   : 357px+140-101;
        }

        .s4-a9 {
            height: 130px;
            left  : 508+310px+305;
            top   : 357px+140-101;
        }
    }

    .shop6 {
        .shop6-1 {
            width: 1903px;

            table {
                width: 1903px;
            }

            a {
                color          : #333;
                text-decoration: none;

                img {
                    border: 0;
                    width : 100%;
                }
            }
        }
    }

    .shop7 {
        width : 990px;
        margin: 0 auto;

        dl {
            width           : 237px;
            margin          : 10px 5px;
            background-color: #fff;
            float           : left;

            dt {
                background-color   : #fff;
                height             : 210px;
                text-align         : center;
                padding            : 1px;
                position           : relative;
                // overflow        : hidden;
                border             : 1px solid #eee;

                a {
                    width          : 100%;
                    display        : block;
                    color          : #333;
                    text-decoration: none;

                    img {
                        width         : 210px;
                        height        : 210px;
                        vertical-align: bottom;
                        border        : 0;
                    }
                }
            }

            dd {
                background-color: #fff;
                width           : 235px;
                margin-top      : 0px;
                height          : 68px;
                position        : relative;
                z-index         : 2;

                a {
                    color          : #333;
                    text-decoration: none;
                    cursor         : pointer;

                    ul {
                        width        : 233px;
                        border       : 2px solid #fff;
                        border-top   : none;
                        padding      : 0 0 4px 0;
                        height       : auto;
                        // overflow  : visible;
                        position     : absolute;
                        left         : 0;
                        top          : 0;


                        li.r1 {
                            height         : 22px;
                            line-height    : 22px;
                            position       : relative;
                            list-style     : none;
                            font-style     : normal;
                            margin         : 0;
                            padding        : 0;
                            display        : block;
                            // overflow    : hidden;
                            padding-left   : 3px;

                            .price {
                                font         : 14px verdana;
                                font-size    : 18px;
                                font-family  : Microsoft Yahei;
                                font-weight  : 700;
                                color        : #f00;
                                padding-right: .3rem;
                            }

                            .del_price {
                                color          : #000;
                                text-decoration: line-through;
                                font-family    : verdana;
                                line-height    : 22px;
                                font-size      : 12px;
                            }

                            .buy_btn {
                                display    : block;
                                width      : 65px;
                                height     : 18px;
                                line-height: 18px;
                                text-align : center;
                                color      : #fff;
                                background : #000;
                                position   : absolute;
                                right      : 3px;
                                bottom     : 2px;
                            }
                        }

                        li.r2 {
                            height         : 36px;
                            line-height    : 18px;
                            padding-top    : 4px;
                            padding-left   : 3px;
                            position       : relative;
                            display        : block;
                            // overflow    : hidden;
                            font-size      : 12px;
                        }
                    }
                }
            }
        }
    }

    .footbrand {
        width         : 892px;
        background    : #fff;
        overflow      : hidden;
        padding-bottom: 1px;
        margin        : 0 auto;
        height        : 142px;

        a {
            border     : 1px solid #DFDFDF;
            display    : block;
            float      : left;
            height     : 70px;
            margin     : 0 -1px -1px 0;
            overflow   : hidden;
            position   : relative;
            text-indent: -999px;
            width      : 125px;

            span {
                display      : block;
                height       : 100%;
                left         : 0;
                position     : absolute;
                top          : 0;
                // visibility: hidden;
                width        : 100%;
                cursor       : pointer;
            }
        }

        .ft-a1 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: 32px -176px;

        }

        a:hover span {
            background-color: skyblue;
            opacity         : 0.3;
        }

        .ft-a2 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -94px -176px;
        }

        .ft-a3 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -703px -333px;
        }

        .ft-a4 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -826px -333px;
        }

        .ft-a5 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -578px -176px;
        }

        .ft-a6 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -584px -10px;
        }

        .ft-a7 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -579px -258px;
        }

        .ft-a8 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -823px -176px;
        }

        .ft-a9 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -93px -256px;
        }

        .ft-a10 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -455px -331px;
        }

        .ft-a11 {
            background         : url(../images/名鞋库品牌logo.png) no-repeat;
            background-position: -218px -176px;
        }
    }

    .footbrand2 {
        height       : 36px;
        width        : 990px;
        margin       : 0 auto 28px;
        clear        : both;
        border-bottom: 1px solid #ccc;
        position     : relative;

        h3 {
            font-size  : 18px;
            font-family: microsoft yahei;
            position   : absolute;
            left       : 50%;
            margin     : 12px 0 0 -60px;
            background : #fff;
            padding    : 10px 20px;
            font-weight: 100;
            color      : #111;
        }
    }

    .footbrand3 {
        width      : 990px;
        margin     : 0 auto 15px;
        font-family: microsoft yahei;
        overflow   : hidden;

        dl {
            width        : 245px;
            float        : left;
            padding-right: 2px;

            dt {
                text-align: center;

                a {
                    color          : #222;
                    text-decoration: none;

                    s {
                        text-align     : center;
                        display        : block;
                        font-size      : 14px;
                        font-weight    : 700;
                        font-style     : normal;
                        text-decoration: none;
                    }
                }
            }

            dd {
                border-right: 1px dotted #ccc;
                height      : 85px;
                overflow    : hidden;
                padding     : 0 10px 0 15px;

                a {
                    color          : #555;
                    display        : block;
                    float          : left;
                    margin-bottom  : 10px;
                    white-space    : nowrap;
                    width          : 54px;
                    font-size      : 12px;
                    text-decoration: none;
                }
            }
        }
    }

    .footbrand4 {
        margin: 0 auto;
        width : 990px;

        a {
            color          : #333;
            text-decoration: none;
        }
    }
}

.foot {
    margin-top    : -4px;
    border-top    : 2px solid #ce3c3b;
    background    : #f8f8f8;
    padding-bottom: 1px;

    .ft-box {
        height       : 226px;
        padding      : 15px;
        background   : #f5f5f5;
        border-bottom: 1px solid #e8e8e8;

        .ftbox {
            margin: 0 auto;
            width : 990px;

            .ft1 {
                height      : 195px;
                width       : 220px;
                border-right: 1px solid #dedede;
                float       : left;
                position    : relative;
            }

            .ftLi {
                border-left : 1px solid #fff;
                height      : 195px;
                padding-left: 40px;
                float       : left;
                line-height : 1.6em;

                li {
                    display: block;
                    width  : 186px;
                    float  : left;

                    h6 {
                        display    : block;
                        height     : 36px;
                        margin     : 5px 0 25px;
                        font-size  : 1em;
                        font-weight: bold;

                        a {
                            color          : #333;
                            text-decoration: none;
                        }
                    }

                    h5 {
                        display    : block;
                        margin     : 0 0 6px;
                        font-size  : 14px;
                        color      : #666;
                        font-family: '宋体';
                        font-weight: bold;
                    }

                    span {
                        color: #999;

                        a {
                            color          : #999;
                            text-decoration: none;
                            font-size      : 12px;
                        }
                    }
                }

                .lastLi {
                    width: 156px;
                }
            }
        }
    }

    .ft-box2 {
        text-align: center;
        padding   : 20px 0;
        font-size : 12px;
        color     : #777;

        span {
            color      : #ccc;
            font-family: '宋体';
            font-size  : 12px;

            a {
                color          : #777;
                text-decoration: none;
                font-size      : 12px;
            }
        }

        .c1 {
            clear      : both;
            content    : "\20";
            font-size  : 1%;
            line-height: 0;
            height     : 0;
            overflow   : hidden;
            display    : block;
        }

        b {
            font-size  : 20px;
            color      : #c00;
            font-weight: 700;
        }
    }

    .ft-box3 {
        width : 640px;
        height: 50px;
        margin: 0 auto 30px;

        a {
            float          : left;
            width          : 112px;
            height         : 47px;
            margin-right   : 10px;
            color          : #333;
            text-decoration: none;
        }
    }

    .ft-friend {
        position   : relative;
        margin-left: 100px;

        .friend-box {
            position     : absolute;
            width        : 990px;
            border-bottom: 1px dashed #CCCCCC;
            border-top   : 1px dashed #CCCCCC;
            height       : 20px;
            padding      : 5px;

            h4 {
                color      : #999999;
                float      : left;
                font-size  : 12px;
                font-weight: normal;
                line-height: 20px;
                margin     : 0;
            }

            .shangfan {
                font-size  : 12px;
                line-height: 20px;
                overflow   : hidden;
                height     : 20px;

                li {
                    margin       : 0;
                    overflow     : hidden;
                    padding      : 0;
                    text-overflow: ellipsis;
                    white-space  : nowrap;

                    a {
                        color          : #999999;
                        float          : left;
                        padding        : 0 5px;
                        white-space    : nowrap;
                        text-decoration: none;
                    }
                }
            }
        }
    }
}

.right {
    height          : 100%;
    background-color: #000;
    width           : 37px;
    position        : fixed;
    right           : 0px;
    top             : 0px;

    .firebox {
        background-color         : #BD0000;
        position                 : relative;
        width                    : 41px;
        height                   : 157px;
        border-bottom-left-radius: 2px;
        top                      : 0;
        left                     : -4px;
        cursor                   : pointer;

        .firelogo {
            background         : url(../images/rbar_icon.png) no-repeat;
            background-position: 7px 14px;
            // position  : absolute;
            // left      : 0;
            // top       : 0;
            width              : 37px;
            height             : 35px;
        }

        .firewrite {
            width      : 20px;
            display    : block;
            font-size  : 18px;
            line-height: 22px;
            top        : 48px;
            left       : 6px;
            text-align : center;
            color      : #fff;
            padding    : 0 3px;
            position   : absolute;
        }
    }

    .pinpai {
        height          : 122px;
        margin-top      : 23px;
        position        : relative;
        left            : 0;
        width           : 37px;
        background-color: #000;
        cursor          : pointer;
        z-index         : 9;

        .pinpailogo {
            background         : url(../images/rbar_icon.png) no-repeat;
            background-position: 6px -29px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }

        .pinpaitxt {
            display    : block;
            left       : 8px;
            top        : 40px;
            width      : 20px;
            line-height: 16px;
            overflow   : hidden;
            padding    : 0;
            position   : absolute;
            font-size  : 12px;
            text-align : center;
            color      : #fff;
        }
    }

    .cartbox {
        margin          : 8px 0px;
        height          : 35px;
        position        : relative;
        left            : 0;
        width           : 37px;
        background-color: #000;
        cursor          : pointer;
        z-index         : 9;

        .cartlogo {
            background         : url(../images/rbar_icon.png);
            background-position: 7px -77px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }

        .cartboder {
            position  : absolute;
            top       : -5px;
            left      : 5px;
            height    : 33px;
            width     : 25px;
            border-top: 1px solid #676767;
        }
    }

    .shopbox {
        margin          : 8px 0px;
        height          : 35px;
        position        : relative;
        left            : 0;
        width           : 37px;
        background-color: #000;
        cursor          : pointer;
        z-index         : 9;

        .shoplogo {
            background         : url(../images/rbar_icon.png);
            background-position: 10px -119px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }
    }

    .starbox {
        position        : absolute;
        z-index         : 1;
        cursor          : pointer;
        bottom          : 90px;
        left            : 0;
        width           : 37px;
        height          : 35px;
        background-color: #000;

        .starlogo {
            background         : url(../images/rbar_icon.png);
            background-position: 7px -218px;
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
        }
    }

    .sharebox {
        position        : absolute;
        z-index         : 1;
        cursor          : pointer;
        left            : 0;
        width           : 37px;
        height          : 35px;
        background-color: #000;
        bottom          : 50px;

        .sharelogo {
            background         : url(../images/rbar_icon.png);
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
            background-position: 8px -273px;
        }
    }

    .backtopbox {
        display         : none;
        position        : absolute;
        z-index         : 1;
        cursor          : pointer;
        bottom          : 10px;
        left            : 0;
        width           : 37px;
        height          : 35px;
        background-color: #000;

        .backtoplogo {
            background         : url(../images/rbar_icon.png);
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 37px;
            height             : 35px;
            background-position: 7px -324px;
        }
    }



}






.triangle {
    width       : 0px;
    height      : 10px;
    border      : 10px solid;
    border-color: #666 transparent transparent transparent;
}

#li1 {
    left: 0px;
    top : 0px;

    span:first-child {
        margin-right: 8px;
    }
}

#li2 {
    left: 200px;
    top : 0px;

}

.wrap {
    margin: 0 auto;
    width : 990px;
}